<extend name="work/base"/>
<block name="content">
    <!-- case-content -->
    <div class="case-content">

        <volist name="product_ad" id="vo" key="k" mod="2">
            <eq name="mod" value="0">
                <div class="banner">
                    <div class="img-text">
                        <img src="https://cdn.weibuyun.com/static/admin/home/images/al_img1.jpg" alt="">
                        <h3>
                            {$vo.title}
                            <br><span></span>
                        </h3>
                    </div>
                    <else/>
                    <div class="img-text active">
                        <img src="https://cdn.weibuyun.com/static/admin/home/images/al_img2.jpg" alt="">
                        <h3>
                            {$vo.title}
                            <br><span></span>
                        </h3>
                    </div>
                </div>
            </eq>

        </volist>
        <div class="imgtext-flow">
            <div class="layui-fluid pb50">
                <div class="layui-row item-list-box layui-clear" id="item-list-box" style="margin:0">
                    <volist name="product" id="vo" key="k" mod="2">
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
                            <a href="{:url('home/product/info?id='.$vo.id)}">
                            <div class="item">
                                <img src="{$vo.file_path}" alt="">
                                <div class="item-text">
                                    <h3>{$vo.title}</h3>
                                    <span>{$vo.price}元/年起</span>
                                </div>
                            </div>
                            </a>
                        </div>
                    </volist>

                </div>
            </div>
        </div>
    </div>
    <!-- end case-content -->

</block>
<block name="script">
    <script type="text/javascript">
        layui.use(['carousel','jquery','element'],function(){
            var carousel = layui.carousel,$ = layui.$;

            $('.app-header-menuicon').on('click',function(){
                $('.header-down-nav').toggleClass('down-nav')
            })
            $('.case-content .banner .img-text').on('click',function(){
                if($(this).hasClass('active')){
                    $(this).removeClass('active').siblings('.img-text').addClass('active')
                }else{
                    $(this).addClass('active').siblings('.img-text').removeClass('active')
                }
            })
        });
    </script>
</block>